<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
	<style>
		body{
			display: inline-block;
			background-image: url("img/bj.jpg");
			background-size: 100% 100%; 
			background-repeat: no-repeat;
			width: 100%;
			height: 100%;
		}
		.TOP{
			display: block;
			width: 100%;
			height: 70px;
			//background-color: aquamarine;
		}
		.TOP p{
			position:relative;
			text-align: center;
			font-size: 24px;
			top: 20px;
		}
		.TOP div{
			overflow:hidden;
			
			//background-color: aqua;
			width: 150px;
			height: 40px;
			position:absolute;
			top: 40px;
			right: 50px;
		}
		.TOP div a{
			float: left;
			text-align: center;
			width: 70;
			height: 70px;
			background-color:#10E7DD;
			font-size: 18px;
			margin-top: 10px;
			margin-right: 10px;
		}
		
		.CD {
			display: inline-block;
			float: left;
			width: 15%;
			height: 800px;
			border-right-style: solid; 
			
		}
		.CD td{
			display:inline-block;
			width: 200px;
			height: 100px;
			text-align: center;
			margin: 50px;
			background-color:#8F8889;
			border-radius: 50%;
			
		}
		.CD p{
			display: inline-block;
			font-size: 24px;
			font-style: 楷体;
			margin-top: 37px;
		}
		.qd{
			display: inline-block;
			width: 400px;
			height: 300px;
			background-color:#8F8889;
			position: absolute;
			top: 350px;
			left: 800px;
		}
		.qd input{
			display: inline-block;
			width: 120px;
			height: 70px;
			background-color: cornflowerblue;
			font-size: 24px;
			position: absolute;
			top: 110px;
			left: 140px;
		}
	</style>
</head>

<body>
	<div class="TOP">
		<p align="center" style="font-weight: 900px; font-size: 36px;">创业孵化基地签到系统</p>
		<div>
			<a>登录</a>
			<a href="index.html" style="text-decoration: none;">退出</a>
		</div>
	</div>
	<div class="CD">
		<table>
		<tr>
			<td><p><a href="main.html" style="text-decoration: none;">主页</a></p></td>	
		</tr>
		<tr>
			<td><p><a href="publish.html" style="text-decoration: none;">发布签到</a></p></td>	
		</tr>
		<tr>
			<td><p><a href="member.html" style="text-decoration: none;">成员</a></p></td>	
		</tr>
		<tr>
			<td><p><a href="user.html" style="text-decoration: none;">个人</a></p></td>	
		</tr>
		</table>
	</div>
	<div class="qd">
		<input type="submit" value="上传照片">
	</div>
</body>
</html>
